<template>
	<view class="hy-mode">
		<image :src="item.imgUrl"></image>
		<text>{{item.name}}</text>
		<view class="">
			<image src="https://gnzxwylz.xlygrcw.com/upload/GNZX/home/7.png" mode="widthFix"></image>
			<text>{{item.comm}}人参加</text>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	props:{
		item:{
			type:Object
		}
	},
	components: {},
	onLoad() {
		
	},

	methods: {}
};
</script>

<style lang="scss">
.hy-mode {
	width: 330upx;
	margin-bottom: 40upx;
	> image {
		width: 100%;
		height: 200upx;
		object-fit: cover;
	}
	> text {
		display: block;
		padding: 20upx 0;
		font-size: 32upx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #333333;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	view {
		display: flex;
		align-items: center;
		image {
			width: 25upx;
		}
		text {
			margin-left: 10upx;
			font-size: 22upx;
			font-family: Source Han Sans CN;
			font-weight: 400;
			color: #999999;
		}
	}
}
</style>
